<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap Demo</title>
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

<link rel="stylesheet/less" type="text/css" href="/static/default/css/styles.less">
<script src="/static/default/js/less-1.6.1.min.js" type="text/javascript"></script>
</head>
<body>

	<div class="span6">
		<h2>环绕式缩略图</h2>
		<ul class="thumbnails">
			<li class="span4"><a href="#" class="thumbnail"> <img src="http://placehold.it/360x268" alt="">
			</a></li>
			<li class="span2"><a href="#" class="thumbnail"> <img src="http://placehold.it/160x120" alt="">
			</a></li>
			<li class="span2"><a href="#" class="thumbnail"> <img src="http://placehold.it/160x120" alt="">
			</a></li>
			<li class="span2"><a href="#" class="thumbnail"> <img src="http://placehold.it/160x120" alt="">
			</a></li>
			<li class="span2"><a href="#" class="thumbnail"> <img src="http://placehold.it/160x120" alt="">
			</a></li>
			<li class="span2"><a href="#" class="thumbnail"> <img src="http://placehold.it/160x120" alt="">
			</a></li>
		</ul>
		<div class="span6 ">
			<h2>默认缩略图</h2>
			<ul class="thumbnails">
				<li class="span3"><a href="#" class="thumbnail"> <img src="http://placehold.it/260x180" alt="">
				</a></li>
				<li class="span3"><a href="#" class="thumbnail"> <img src="http://placehold.it/260x180" alt="">
				</a></li>

			</ul>
		</div>

		<div class="span6 ">
			<h2>可定制</h2>
			<ul class="thumbnails">
				<li class="span3">
					<div class="thumbnail">
						<img src="http://placehold.it/260x180" alt="">
						<div class="caption">
							<h5>Thumbnail label</h5>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget
								metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
							<p>
								<a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a>
							</p>
						</div>
					</div>
				</li>
				<li class="span3">
					<div class="thumbnail">
						<img src="http://placehold.it/260x180" alt="">
						<div class="caption">
							<h5>Thumbnail label</h5>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget
								metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
							<p>
								<a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a>
							</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
</body>
</html>